<!-- Изображения -->
	{{!min *image.sm1_size_x *image.sm2_size_x *image.orig_size_x}}
	<h2 class="header-">
		{{?!community}}<a href="{{/}}{{*community.url}}" class="s0-link">{{*community.title}}</a> &rarr; {{/?}}
		{{?*section.title && !tag_sections.single}}<a href="{{/}}{{*community.url}}/{{*section.url}}/showfeed" class="s{{*section.color}}-link">{{*section.title}}</a> &rarr; {{/?}}
		<a href="{{/}}{{*community.url}}/{{*post.oid}}{{?*post.go2comment}}?showcomments&parent_oid={{*post.go2comment}}&offset=1#comments{{/?}}">{{*post.title}}</a></h2>
	{{@feed.html:userbarpost}}
	{{@:gal_bar}}
	<div class="content- content">
		<a href="{{/}}{{*community.url}}/{{*post.oid}}" class="bn"><img src="{{/}}{{@:link_to oid=*post.image_oid type='imagestorage' thumb=@:choose_image_type}}" alt="" class="bn js_image-container" id="img-{{*post.image_oid}}" /></a>
		<p>{{*post.description | safe}}</p>
	</div>

<!--
Контрол ImageSwitcher'а

Предполагается, что вместе с этим шаблоном тот кто будет его править, также заглянет в класс ImageSwitcherView.
Именно в нем содержится логика управления DOM браузера при переключении.

На самом деле правильно дефолтное состояние(которое сразу после загрузки) этого контрола
задавать установкой класса dn, а не передавать это яваскрипту.
Потому что если отрубят яваскрипт, то все будет выглядеть как надо.

В тегах <a name="sm1"></a> по атрибуту name указывается тип тумбнейла.
После загрузки страницы скрипт по этим атрибутам определит типы тумбнейла которые
доступны к переключению (это поведение можно переопределить в ImageSwitcherView).

Архитектура контрола:

У этого контрола есть два типа элементов внутри -
 * Switch - элемент переключающий что-то
 * SInfo - информер состояния (указывает пользователю на текущее состояние контрола)

У обоих элементов должен быть установлен класс одноименный типу тумбнейла к которому они относятся:
например
<span class="sm1"></span> - информер
<a class="sm1"></a> - элемент переключатель
-->
{{:gal_bar}}
	{{!connect "imageswitcher.js"}}
	{{!connect "ImageSwitcherView.js"}}

	<ul class="gal-size- js_ctl_thumbs">
	{{?*image.orig_size_x > 220 }} <!--  дефолтное -->
		<li>
			<span class="sm1" target="_blank">{{*image.sm1_size_x}}x{{*image.sm1_size_y}}</span>
			<a href="{{/}}{{*post.image_oid | link_to 'imagestorage' 'sm1'}}" name="sm1" class="sm1 dn" target="_blank">{{*image.sm1_size_x}}x{{*image.sm1_size_y}}</a>
		</li>
	{{/?}}
	{{?*image.orig_size_x > 460}}
		<li><span class="sm2 dn" target="_blank">{{*image.sm2_size_x}}x{{*image.sm2_size_y}}</span>
		<a href="{{/}}{{*post.image_oid | link_to 'imagestorage' 'sm2'}}" name="sm2" class="sm2" target="_blank">{{*image.sm2_size_x}}x{{*image.sm2_size_y}}</a>
		</li>
	{{/?}}
	{{?*image.path_to_orig}}
	<li>Размер оригинала <a href="{{/}}{{*post.image_oid | link_to 'imagestorage' 'orig'}}" class="orig" target="_blank">{{*image.orig_size_x}}х{{*image.orig_size_y}}</a></li>
	{{?:}}
		<li>Изображение отсутствует, в результате потери целостности базы данных.</li>
	{{/?}}
	</ul>
{{/:gal_bar}}

{{:link_to}}{{oid | link_to type thumb}}{{/:link_to}}

{{:choose_image_type}}
	{{?min==0}}sm1{{?:min==1}}sm2{{?:min==2}}orig{{/?}}
{{/:choose_image_type}}
